/**
 * Qilin-web组件入口样式类
 * @author Qilin
 * @CreateDate 2025-01-20
 * @lastUpdateDate 2025-01-20
 */
@use "./base.scss";
@use "./qilin-web.scss";
@use "./var.scss";
@use "./ui.scss";
@use "./default.scss";


// 隐藏滚动条样式
.hide-scrollbar{
    overflow:auto;
    -ms-overflow-style:none;// ie下隐藏滚动条
    scrollbar-width:none;
    &::-webkit-scrollbar{ //谷歌下隐藏滚动条
        display:none;
    }
}
// 美化滚动条样式--纵向滚动条
.beauty-scrollbar-y{
    overflow-y:auto;
    // 兼容火狐浏览器
    scrollbar-width:thin;
    scrollbar-color:var(--qilin-border-color) #fff;
    // 兼容IE浏览器
    scrollbar-darkshadow-color:#fff;
    scrollbar-base-color:var(--qilin-border-color);
    &::-webkit-scrollbar{
        width:0.05rem !important;
    }
    &::-webkit-scrollbar-thumb{
        background-color:var(--qilin-border-color);
        border-radius:0.05rem;
    }
    &::-webkit-scrollbar-track{
        background-color:#fff;
    }
}
// 美化滚动条样式--横向滚动条
.beauty-scrollbar-x{
    overflow-x:auto;
    // 兼容火狐浏览器
    scrollbar-width:thin;
    scrollbar-color:var(--qilin-border-color) #fff;
    // 兼容IE浏览器
    scrollbar-darkshadow-color:#fff;
    scrollbar-base-color:var(--qilin-border-color);
    &::-webkit-scrollbar{
        height:0.05rem !important;
    }
    &::-webkit-scrollbar-thumb{
        background-color:var(--qilin-border-color);
        border-radius:0.05rem;
    }
    &::-webkit-scrollbar-track{
        background-color:#fff;
    }
}
// 禁止滚动
.diabled-scrollbar{
    overflow:hidden;
}
// 超出单行省略号展示
.single-ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
// 超出n行省略号展示
@mixin multipleEllipsis($n) {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:$n; //超出n行加省略号
}
// flex布局-row
.flex-row{
    display:flex;
    flex-flow:row nowrap;
}
// flex布局-column
.flex-column{
    display:flex;
    flex-flow:column nowrap;
}
// 隐藏样式
.is-hide{
    display:none !important;
}
// 表格展开行样式
.qilin-table-tooltip{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline;
    cursor:pointer;
    &:hover{
        color:var(--qilin-text-color-default);
    }
}
.qilin-width-100{
    width:100%;
}
.qilin-height-100{
    height:100%;
}
.qilin-wh-100{
    width:100%;
    height:100%;
}
.qilin-image{
    object-fit: cover;
}
.empty{
	height:100%;
	justify-content:center;
	align-items:center;
	>.empty-image{
		width:120px;
		height:120px;
		margin-bottom:25px;
	}
	>.empty-text{
		color:var(--qilin-text-color-support);
		font-size:13px;
	}
}
.header-text-primary{
    height:0.2rem;
    display:flex;
    align-items:center;
    line-height:0.2rem;
    font-weight:bolder;
    &::before{
        content:"";
        display: inline-block;
        width:0.05rem;
        height:100%;
        margin-right:0.08rem;
        background-color:var(--qilin-color-primary);
        border-radius: base.$radius-default;
    }
}